<template>
	<view class="soupLayout">
		<view class="headTop">
			<view class="title">我的鸡汤</view>
			<navigator  url="/pages_self/soup/edit" class="btn">+ 熬制鸡汤</navigator>
		</view>
		
		<view class="list">
			<view class="item" v-for="item in 5">
				<soup-item></soup-item>
			</view>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
.soupLayout{	
	.headTop{
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: 600;
		padding:30rpx 30rpx 10rpx;
		color:#000;
		.title{
			font-size: 40rpx
		}
		.btn{
			border:1px solid #000;
			padding:8rpx 15rpx;
			border-radius: 100rpx;
		}
	}
	.list{
		padding:30rpx 30rpx 0;
	}
}
</style>
